<template>
  <h1>EL - 走马灯组件</h1>
  <el-carousel style="margin: 0 auto; width:380px" trigger="click">
    <el-carousel-item><img src="carousel1.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel2.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel3.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel4.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
  </el-carousel>
  <hr>
  <el-carousel style="margin: 0 auto; width:900px" type="card" trigger="click">
    <el-carousel-item><img src="carousel1.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel2.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel3.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
    <el-carousel-item><img src="carousel4.jpg"  alt="" style="width: 100%;height: 100%;"></el-carousel-item>
  </el-carousel>

</template>

<script setup>

</script>

<style scoped>

</style>